main{
    width 100%
    margin-top 100px
    overflow hidden
    .box{
        width 100% 
        margin 0 auto
        .banner{
            max-width 100%
            img{
                width 100%
            }
        }
        .ptai{
            margin-top -3px
            img{
                width 100%
                height 500px
            }
        }
        .shop{
            width 100%
            display flex
            background red
            margin-top -3px
            height: 380px
            .shop-content{
                height 380px
                width: 1632px
                display flex
                flex-direction row
                justify-content flex-end
                .imgbox{
                    width:646px;
                    height:380px;
                    img{
                        width:646px;
                        height:380px;
                    }
                }
                .imgbox2{
                    // width 632px
                    height:100%;
                    width:640px;
                    margin-right: -98px
                    img{
                        height 100%
                    }
                }
                .imgbox{
                    // width 632px
                    height:100%;
                    width:640px;
                    margin-right: -98px
                    img{
                        height 100%
                    }
                }
            }
        }
        .map{
            position relative
            max-width 100%
            height:519px;
            margin-top: 201px
            > img{
                margin-left: 209px
                position absolute
                top: -30px
                height 150px
                width: 1000px
                }
            .map-box{
                height:519px;
                width 100%
                img{
                  height:519px;
                  width 100%  
                }
            }
        }
        .teaching{
            margin-top: 101px
            position relative
            width 100%
            > img{
                position absolute
                right -100px
                height 200px
                width: 1000px
            }
            .t-box{
                display flex
                flex-direction row
                align-items center
                .item{
                    img {
                        width: 50vw
                    }
                }
                .item1{
                    margin-top 180px
                    margin-left: -178px
                    img{
                        width: 50vw
                    }
                }
            }
        }
        .news{
            width 100%
            margin-top 200px
            display: flex
            flex-direction: column
            align-items: center
            .line{
                width: 1500px
                margin-bottom: 20px
                > img{
                    width:308px;
                }
                display flex
                flex-direction row
                align-items center
                justify-content space-between
            }
            .news-box{
                display flex
                flex-direction row
                justify-content space-between
                width: 1512px
                .item{
                    img{
                        width:490px;
                        height:245px;
                    }
                    .textbox{
                        width:490px;
                        height:240px;
                        border:2px solid rgba(72,111,240,1);
                        div{
                            width:343px;
                            height:73px;
                            font-size:24px;
                            font-family:SourceHanSansCN;
                            font-weight:400;
                            color:rgba(0,0,0,1);
                        }
                    }
                }      
            }
        }
        .wenhua{
            width 100%
            .line-box{
                width 100%
                margin-top -5px
            }
             margin-top: 100px
             max-width 100%
            .line{
                width: 1512px
                display flex
                margin: 0 auto
                align-items center
                justify-content space-between
                margin-bottom: 30px
                img{
                    width:308px;
                }
            }
            .wenhua-box{
                width: 100%
                background: red
                display flex
                flex-direction row
                align-items center
                .item{
                    img {
                        width:33.3vw;
                        height:540px;
                    }
                }
            }
        }
    }
    
}
.homespan{
    width:143px;
    height:44px;
    background:rgba(0,0,0,1);
    border:1px solid rgba(0,0,0,1);
    width:101px;
    font-size:24px;
    font-family:Adobe Heiti Std;
    font-weight:normal;
    color:rgba(255,255,255,1);
    padding 15px
    cursor pointer
    display flex
    align-items center
    justify-content center
}
.homespan:hover{
    color #000000
    background #D6D3D6
}
.textbox{
    font-size 30px
    font-weight: 550;
    height 280px
    width 595px
    border 2px solid #486FF0
    display flex
    align-items center
    justify-content center
    letter-spacing 3px
    line-height 45px
}